<template>
 <view class="ma">
    <view class="line_bk" :style="lineStyle"></view>
  </view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props: {
		  mydata: {
		    type: Object,
		    default: {}
		  }
		},
		computed: {
		  lineStyle(){
		    let s = 'border-top:' + this.mydata.height  + 'rpx ' + this.mydata.type + ' ' + this.mydata.color +  ';';
		      s += 'margin:' + this.mydata.margin.tb + 'rpx ' + this.mydata.margin.lr + 'rpx;';
		    return s;
		  }
		},
		methods: {
			
		}
	}
</script>
<style lang="scss" scoped>
.ma{
  width: 100%;
  overflow: hidden;
}

.line_bk{
  //border-top:15px solid #000;
  height: 0;
  //background: #f00;
}
</style>